.muu-wrapper {

	padding-top:10px;
	.builder {

		.main-title {
			font-weight: 600;
			margin-bottom:10px;
	
			h2 {
				margin:0;
				font-size:16px;
				font-weight: 500;
				line-height: 32px;
				font-weight: 600;
	
				span.suggest {
					color:#333;
					font-size:14px;
				}
			}
		}

		.with-padding {
			padding:10px;
			position: relative;
			border-radius: 3px;
			background: #ffffff;
			border-top: 3px solid #d2d6de;
			margin-bottom: 10px;
			width: 100%;
			box-shadow: 0 1px 1px rgba(0,0,0,0.1);
		}
	
		.button-box {
	
			margin-bottom: 10px;
		}
	
		.tab-wrap {
			margin-bottom:20px;
		}
	
		.builder_item {
			margin-bottom:10px;
	
			.item-label {
				color:#09c;
				font-size:15px;
	
				.check-tips {
					font-size:12px;
					color:#888;
					font-weight:500;
				}
			}

	
			.focus, &:focus {
				border-color: #09c;
				outline: 0;
				-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(20,92,205,.6);
				box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(20,92,205,.6);
			}
	
			.controls {
				width: 400px;
				label {
					font-weight:500;
				}
	
				input {
					color:#666;
				}
	
				textarea {
					color:#666;
				}
	
				select {
					color:#666;
				}
				/*图标选择*/
				.icon-chose {
					
				}
				/*chosen*/
				.chosen {
					
				}
				/*风格样式*/
				.style-config {
					display: block;
					width: 430px;
					height: 60px;
					.style {
						position: relative;
						float: left;
						width: 60px;
						height: 60px;
						overflow: hidden;
						color: #fff;
						text-align: center;
						line-height: 60px;
						border-radius: 5px;
						margin-right: 10px;
						cursor: pointer;
						transition: 0.3s;
						-moz-transition: 0.3s; /* Firefox 4 */
						-webkit-transition: 0.3s; /* Safari 和 Chrome */
						-o-transition: 0.3s; /* Opera */
						.choose {
							display: none;
							line-height: 20px;
							i {
								font-size: 12px;
							}
						}
					}
					.style.active  {
						line-height: 45px;
						.choose {
							display: block;
							position: absolute;
							top: 30px;
							left: 20px;
							width: 20px;
							height: 20px;
						}
					}
	
				}
				.style-config {
					.Green {
						background-color: #00ce74;
					}
					.Blue {
						background-color: #03b8cf;
					}
					.LightRed {
						background-color: #ea644a;
					}
					.Orange {
						background-color: #ff9900;
					}
					.LightPink {
						background-color: #ffb6c1;
					}
					.Magenta {
						background-color: #8666b8;
					}
				}
			}
			.controls.editor {
				width: 100%;
			}

			.help-block {
				display: block;
				margin: 5px 0;
				color: #888;
			}
		}
	
		/*文件上传*/
		.file-upload .file_item {
			padding:5px 0;
			margin:5px auto;
		}
	
		/*视频上传盒子*/
		.video-file-list {
			max-width:400px;
	
			.action-btn-box {
				margin-bottom:5px;
			}
			.video-item-box {
				max-width:400px;
	
				.each {
					margin-bottom:5px;
				}
			}
		}
	
		/*音频上传盒子*/
		.audio-file-list {
			max-width:400px;
	
			.action-btn-box {
				margin-bottom:5px;
			}
			.audio-item-box {
				max-width:400px;
	
				.each {
					margin-bottom:5px;
				}
			}
		}
	
		/*文件上传盒子*/
		.file-file-list {
			max-width:400px;
	
			.action-btn-box {
				margin-bottom:5px;
			}
			.file-item-box {
				max-width:400px;
	
				.each {
					margin-bottom:5px;
				}
			}
		}
		/*用户信息*/
		.user-info {
			.avatar {
				float: left;
				width: 60px;
				height: 60px;
				border-radius: 50%;
				overflow: hidden;
				img {
					width: 60px;
					height: 60px;
				}
			}
			.info {
				margin-left: 60px;
				padding-left: 10px;
				.nickname {
					line-height: 60px;
				}
			}
			
		}
	}
}

/*图片上传部分*/
.image-upload {
	.input-group {
		margin-bottom: 5px;
		button {
			height: 32px;
			border: 1px solid #ddd;
			.webuploader-pick {
				border: 0;
				margin: 0 auto;
				padding: 0;
			}
			label {
				margin: 0;
				padding: 5px 12px;
			}
		}
	}
	.upload-img-box {
		margin: 0;
		.upload-pre-item {
			font-size:0;
			letter-spacing:-3px;

			.each {
				position: relative;
				display: inline-block;
				border: 0;
				width: 150px;
				height: 150px;
				margin-right: 5px;
				margin-bottom: 5px;
				overflow: hidden;
			}
			img {
				width: 150px;
			}

			.del_btn {
				width: 150px;
				position: absolute;
				color: #fff;
				margin-top: -30px;
				height: 30px;
				line-height: 30px;
				bottom: 0;
				cursor: pointer;
				font-size:12px;
			}

			.opacity {
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
				-khtml-opacity: 0.5;
				background: #000;
				opacity: 0.5;
			}
		}
	}
}

/*音频上传部分*/
.audio-upload {
	.input-group {
		margin-bottom: 5px;
		button {
			height: 32px;
			border: 1px solid #ddd;
			.webuploader-pick {
				border: 0;
				margin: 0 auto;
				padding: 0;
			}
			label {
				margin: 0;
				padding: 5px 12px;
			}
		}
	}
	.upload-audio-box {
		margin-bottom: 5px;
		.upload-pre-item {
			font-size:0;
			letter-spacing:-3px;

			.del-btn {
				width: 150px;
				position: absolute;
				color: #fff;
				margin-top: -30px;
				height: 30px;
				line-height: 30px;
				bottom: 0;
				cursor: pointer;
				font-size:12px;
			}

			.opacity {
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
				-khtml-opacity: 0.5;
				background: #000;
				opacity: 0.5;
			}
		}
	}
}
/*视频上传*/
.video-upload{
	/*视频上传Css*/
	.upload-video-box{
		position: relative;
		width: 400px;
		.box-item{
			padding: 10px 0;
			video{
				width: 400px;
				height: 300px;
				background-color: #000;
				border-radius: 8px;
			}
			.video:hover .remove-box{
				display: block;
			}
			.remove-box{
				position: absolute;
				top: 0;
				width: 400px;
				border-radius: 8px 8px 0 0;
				height: 30px;
				line-height: 30px;
				color: #ffffff;
				background-color: red;
				display: none;
				cursor:pointer;
			}
		}
		.box-item:hover .remove-box{
			display: block;
		}
	}
	.input-group {
		margin-bottom: 5px;
		button {
			height: 32px;
			border: 1px solid #ddd;
			.webuploader-pick {
				border: 0;
				margin: 0 auto;
				padding: 0;
			}
			label {
				margin: 0;
				padding: 5px 12px;
			}
		}
	}
}
/*文件上传部分*/
.file-upload {
	.input-group {
		margin-bottom: 5px;
		button {
			height: 32px;
			border: 1px solid #ddd;
			.webuploader-pick {
				border: 0;
				margin: 0 auto;
				padding: 0;
			}
			label {
				margin: 0;
				padding: 5px 12px;
			}
		}
	}
	.upload-file-box {
		margin-bottom: 5px;
		.upload-pre-item {
			font-size:0;
			letter-spacing:-3px;

			.del-btn {
				width: 150px;
				position: absolute;
				color: #fff;
				margin-top: -30px;
				height: 30px;
				line-height: 30px;
				bottom: 0;
				cursor: pointer;
				font-size:12px;
			}

			.opacity {
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
				-khtml-opacity: 0.5;
				background: #000;
				opacity: 0.5;
			}
		}
	}
}